<template>
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <slot></slot>
    </div>
    <div class="swiper-pagination"></div>
  </div>
</template>

<script>
import Swiper, {Pagination} from 'swiper'
import 'swiper/swiper-bundle.min.css'

Swiper.use([Pagination])

export default {
  name: 'FilmSwiper',
  mounted() {
    new Swiper('.swiper-container', {
      loop: true,
      //分页器
      pagination: {
        el: '.swiper-pagination',
      },
    })
  }
}
</script>

<style scoped>

</style>
